<script type="x-template" id="overview-provider">
	<div class="content">
		<Breadcrumb>
	        <Breadcrumb-item>服务概览</Breadcrumb-item>
	        <Breadcrumb-item>提供者</Breadcrumb-item>
	    </Breadcrumb>
	    <div style="height:8px;"></div>
		<i-table v-bind:columns="columns" v-bind:data="values"></i-table>
	</div>
</script>
<script>
	(function(){
		
		var initData = function(){
			var self = this;
			var http = this.$http;
			var error = function(){
				self.$Notice.error({
	                title:"温馨提示",
	                desc:"数据读取失败"
	            });
			};
			http.post("${base}/api/exporters.json").then(function(res){
				if(res.status === 200){
					self.values = res.data || [];
				}else{
					error();
				}
			}).catch(error);
		};
		Vue.component("overview-provider",{
			template:"#overview-provider",
			data:function(){
				initData.apply(this);
				return {
					columns:[
						{title:"Class",key:"type"},
						{title:"Bean",key:"bean"},
						{title:"Host",key:"host"},
						{title:"Port",key:"port"}
					],
					values:[]
				}
			}
		});
		routes.push({path:"/overview/provider",component:Vue.component("overview-provider")});
		
	})();
</script>